<!DOCTYPE html>
<html lang="zh">
<head>
    <title>发货单 | OMS</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT"/>

    <!-- 加载 bootstrap 样式-->
    <link type="text/css" rel="stylesheet"
          href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css"/>

    <!-- 加载本页需要的三方插件样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-colorpicker/css/colorpicker.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-clockface/css/clockface.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-switch/css/bootstrap-switch.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/css/fixedColumns.dataTables.css">

    <!-- 加载主题风格样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change"/>
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css"/>

    <link type="text/css" rel="stylesheet" href="/css/tooltip.css" />
     <style type="">
    .div_li_btn{
        float: left;
        margin-left: 1px;
        margin-right:5px;
        position: relative;
        display: block;
        }
    </style>
</head>
<body class="">
<!--BEGIN CONTENT-->
<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-6 col-xs-6 col-sm-6 col-md-6">
                <li id="batchCancel" class="div_li_btn">
                    <button onclick="batchCancel();" id="btnBatchCancel" style="margin-top: 12px;" type="button" class="btn btn-danger btn-xs" disabled><i class="fa"></i>&nbsp;批量取消</button>
                </li>
                <li id="batchConsign" class="div_li_btn">
                    <button onclick="batchConsign();" id="btnBatchConsign" style="margin-top: 12px;" type="button" class="btn btn-success btn-xs" disabled><i class="fa"></i>&nbsp;批量平台发货</button>
                </li>
            </div>
            <div class="col-lg-6 col-xs-6 col-sm-6 col-md-6" style="margin-bottom: 10px;">
                <div class="input-group">
                    <input id="quickSearch" type="text" placeholder="来源单号、平台交易号、客户ID、WMS发货单编号、发货单编号、快递单号" class="form-control" value="" /> <span class="input-group-btn">
                        <button id="btnQuickSearch" type="button" class="btn btn-primary">
                            <i class="fa fa-search"></i>
                        </button>
                        <button id="btnAdvSearch" type="button" class="btn btn-default btn-adv-search">
                            <i class="fa fa-angle-double-down" style="font-size: 20px; color: white;"></i>
                        </button>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
        <div class="portlet box portlet-blue tabbable" style="margin-bottom:0px;">
        <div class="panel panel-default" id="advSearchPanel" style="display:none;">
            <div class="panel-body">
                <form id="frmAdvSearch" role="form" action="" class="form-horizontal advance-query">
                    <div class="row">
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="cons" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">收货人</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="cons" name="cons" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="consMobile" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">收货人手机</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="consMobile" name="consTel" type="text" minlength="1" maxlength="50"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="shopId" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">店铺</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <select id="shopId" name="shopId" class="form-control">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="paidDateStart" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">付款日期</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <div class="input-group datetimepicker-default date">
                                    <input id="paidDateStart" name="paidDateStart" type="text" class="form-control"
                                           placeholder="" data-format="YYYY-MM-DD HH:mm:ss" readonly />
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="lgstNo" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">快递单号</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="lgstNo" name="lgstNo" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="storId" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">发货仓库</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <select id="storId" name="storId" class="form-control">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="paidDatend" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label"></label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <div class="input-group datetimepicker-default date">
                                    <input id="paidDateEnd" name="paidDateEnd" type="text" class="form-control"
                                           placeholder="" data-format="YYYY-MM-DD HH:mm:ss" readonly required/>
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="goodsCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品商家编码</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="goodsCode" name="goodsCode" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="goodsName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品名称</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="goodsName" name="goodsName" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="skuCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格商家编码</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="skuCode" name="skuCode" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                            <div class="form-group">
                                <label for="skuName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格名称</label>
                                <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                    <input id="skuName" name="skuName" type="text" minlength="1" maxlength="100"
                                        class="form-control" fieldtype="string" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-lg-12 col-xs-12 col-md-12 text-right">
                            <button type="reset" id="advSearchReset" name="advSearchReset" class="btn btn-default">重置</button>
                            <button type="button" id="advSearchSubmit" name="advSearchSubmit" class="btn btn-primary">查询</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <!-- <div class="portlet box portlet-blue" style="margin-bottom: 15px;"> -->
                <div class="portlet box portlet-blue tabbable">
                    <div class="portlet-header">
                        <div class="caption">发货单列表</div>
                    </div>
                    <!--发货单列表-->
                    <div class="portlet-body">
                        <div class="tabbable portlet-tabs">
                            <ul class="nav nav-tabs">
                                <li style="display:none;">
                                    <button onclick="exportShiporder();" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs"><i class="fa"></i>&nbsp;导出</button>
                                </li>
                                <li>
                                    <button onclick="refresh();" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs"><i class="fa"></i>&nbsp;刷新</button>
                                </li>
                                <!-- <li id="batchCancel">
                                    <button onclick="batchCancel();" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs"><i class="fa"></i>&nbsp;批量取消</button>
                                </li>
                                <li id="batchConsign">
                                    <button onclick="batchConsign();" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs"><i class="fa"></i>&nbsp;批量平台发货</button>
                                </li> -->
                                <li><a id="canceled" href="#divCanceled" data-toggle="tab">已取消(0)</a>
                                </li>
                                <li><a id="consigned" href="#divConsigned" data-toggle="tab">已平台发货(0)</a>
                                </li>
                                <li><a id="shiped" href="#divShiped" data-toggle="tab">已系统发货(0)</a>
                                </li>
                                <li><a id="sendingOutGoods" href="#divSendingOutGoods" data-toggle="tab">发货中(0)</a>
                                </li>
                                <li class="active"><a id="waitSendOutGoods" href="#divWaitSendOutGoods" data-toggle="tab">待发货(0)</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <!-- 待发货div -->
                                <div id="divWaitSendOutGoods" class="tab-pane fade in active">
                                    <div class="table-responsive">
                                        <table id="tblWaitSendOutGoods" style="table-layout:fixed;"
                                            class="table table-hover table-striped table-bordered table-advanced tb-sticky-header tablefirst"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="width:10px;" colValue=""></th>
                                                    <th width="3%" style="padding:10px;" colValue="">
<!--                                                         <input type="checkbox" id="chkAllWaitSendOutGoods" name="chkAllWaitSendOutGoods" class="checkall" colValue="chk"  style="display:none;"/>
 -->                                                        <input type="checkbox" id="chkAllWaitSendOutGoods" name="chkAllWaitSendOutGoods" class="checkall" colValue="chk" />                                                        
                                                    </th>
                                                    <th width="7%" colValue="">锁定状态</th>
                                                    <th width="11%" colValue="">发货单编号</th>
                                                    <th width="11%" colValue="">WMS发货单编号</th>
                                                    <th width="9%" colValue="">来源单号</th>
                                                    <th width="9%" colValue="">平台交易号</th>
                                                    <th width="8%" colValue="">发货类型</th>
                                                    <th width="9%" colValue="">店铺</th>
                                                    <th width="9%" colValue="">客户ID</th>
                                                    <th width="13%" colValue="">创建时间</th>
                                                    <th width="13%" colValue="">付款时间</th>
                                                    <th width="8%" colValue="">操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- 发货中div -->
                                <div id="divSendingOutGoods" class="tab-pane fade">
                                    <div class="table-responsive">
                                        <table id="tblSendingOutGoods" style="table-layout:fixed;"
                                            class="table table-hover table-striped table-bordered table-advanced tb-sticky-header tablefirst"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="width:10px;" colValue=""></th>
                                                    <th width="3%" style="padding:10px;" colValue="">
                                                        <input type="checkbox" id="chkAllSendingOutGoods" name="chkAllSendingOutGoods" class="checkall" colValue="chk" />
                                                    </th>
                                                    
                                                    <th width="7%" colValue="">取消状态</th>
                                                    <th width="7%" colValue="">锁定状态</th>
                                                    <th width="10%" colValue="">发货单编号</th>
                                                    <th width="10%" colValue="">WMS发货单编号</th>
                                                    <th width="9%" colValue="">来源单号</th>
                                                    <th width="9%" colValue="">平台交易号</th>
                                                    <th width="7%" colValue="">发货类型</th>
                                                    <th width="8%" colValue="">店铺</th>
                                                    <th width="7%" colValue="">客户ID</th>
                                                    <th width="12%" colValue="">创建时间</th>
                                                    <th width="12%" colValue="">付款时间</th>
                                                    <th width="8%" colValue="">操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- 已系统发货div -->
                                <div id="divShiped" class="tab-pane fade">
                                    <div class="table-responsive">
                                        <table id="tblShiped" style="table-layout:fixed;"
                                            class="table table-hover table-striped table-bordered table-advanced tb-sticky-header tablefirst"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="width:10px;" colValue=""></th>
                                                    <th width="3%" style="padding:10px;" colValue="">
                                                        <input type="checkbox" id="chkAllShiped" name="chkAllShiped" class="checkall" colValue="chk" />
                                                    </th>
                                                    <th width="7%" colValue="">锁定状态</th>
                                                    <th width="11%" colValue="">发货单编号</th>
                                                    <th width="11%" colValue="">WMS发货单编号</th>
                                                    <th width="10%" colValue="">来源单号</th>
                                                    <th width="10%" colValue="">平台交易号</th>
                                                    <th width="8%" colValue="">发货类型</th>
                                                    <th width="8%" colValue="">店铺</th>
                                                    <th width="8%" colValue="">客户ID</th>
                                                    <th width="12%" colValue="">创建时间</th>
                                                    <th width="12%" colValue="">付款时间</th>
                                                    <th width="8%" colValue="">操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- 已平台发货div -->
                                <div id="divConsigned" class="tab-pane fade">
                                    <div class="table-responsive">
                                        <table id="tblConsigned" style="table-layout:fixed;"
                                            class="table table-hover table-striped table-bordered table-advanced tb-sticky-header tablefirst"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="width:10px;" colValue=""></th>
                                                    <th width="7%" colValue="">锁定状态</th>
                                                    <th width="11%" colValue="">发货单编号</th>
                                                    <th width="11%" colValue="">WMS发货单编号</th>
                                                    <th width="10%" colValue="">来源单号</th>
                                                    <th width="10%" colValue="">平台交易号</th>
                                                    <th width="7%" colValue="">发货类型</th>
                                                    <th width="8%" colValue="">店铺</th>
                                                    <th width="8%" colValue="">客户ID</th>
                                                    <th width="12%" colValue="">创建时间</th>
                                                    <th width="12%" colValue="">付款时间</th>
                                                    <th width="12%" colValue="">平台发货时间</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- 已取消div -->
                                <div id="divCanceled" class="tab-pane fade">
                                    <div class="table-responsive">
                                        <table id="tblCanceled" style="table-layout:fixed;"
                                            class="table table-hover table-striped table-bordered table-advanced tb-sticky-header tablefirst"
                                            width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="width:10px;" colValue=""></th>
                                                    <th width="7%" colValue="">锁定状态</th>
                                                    <th width="13%" colValue="">发货单编号</th>
                                                    <th width="13%" colValue="">WMS发货单编号</th>
                                                    <th width="11%" colValue="">来源单号</th>
                                                    <th width="11%" colValue="">平台交易号</th>
                                                    <th width="7%" colValue="">发货类型</th>
                                                    <th width="9%" colValue="">取消前状态</th>
                                                    <th width="8%" colValue="">店铺</th>
                                                    <th width="7%" colValue="">客户ID</th>
                                                    <th width="12%" colValue="">创建时间</th>
                                                    <th width="12%" colValue="">付款时间</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--END CONTENT-->

<!--隐藏元素-->
<input id="shiporderId" type="hidden" />

<!-- 加载 jquery js-->
<script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
<script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/Apollo/madmin/js/jquery-ui.js"></script>

<!-- 加载 bootstrap 和三方插件 js -->
<script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
<script src="/Apollo/madmin/js/html5shiv.js"></script>
<script src="/Apollo/madmin/js/respond.min.js"></script>
<script src="/Apollo/madmin/vendors/metisMenu/jquery.metisMenu.js"></script>
<script src="/Apollo/madmin/vendors/slimScroll/jquery.slimscroll.js"></script>
<script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-highcharts/highcharts.js"></script>
<script src="/Apollo/madmin/js/jquery.menu.js"></script>
<script src="/Apollo/madmin/vendors/jquery-pace/pace.min.js"></script>
<script src="/Apollo/madmin/vendors/holder/holder.js"></script>
<script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
<script src="/Apollo/madmin/vendors/jquery-news-ticker/jquery.newsTicker.min.js"></script>
<script src="/Apollo/madmin/vendors/moment/moment.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
<script src="/Apollo/madmin/js/table-datatables.js"></script>
<script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
<script src="/Apollo/madmin/js/table-advanced.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
<script src="/Apollo/madmin/vendors/jquery-steps/js/jquery.steps.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
<script src="/Apollo/madmin/vendors/sco.message/sco.message.js"></script>
<script src="/Apollo/madmin/vendors/jquery-notific8/notific8.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>

<!-- 加载本页面对应的js -->
<script src="/views/static/js/jquery.validate.extend.js"></script>
<script src="/views/static/js/setPageButtonStatus.js"></script>
<script src="shiporderList.js"></script>
<script src="/views/static/js/export.js"></script>
<script src="/views/static/js/form.js"></script>
</body>
</html>
